<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <meta name="keywords" content="xiaoma的博客" />
  <meta name="description" content="xiaoma的个人博客网站，分享技术，相互学习。" />
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <link rel="stylesheet" href="./typo.css" />
  <link rel="stylesheet" href="./APlayer.min.css">
  <title>xiaoma</title>
</head>

<body>
  <script src="./index.js"></script>
  <noscript>
    <strong>We're sorry but fzy doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
  </noscript>

  <div id="aplayer"></div>
  <div id="app">
  </div>
  <!-- built files will be auto injected -->
</body>
<script>window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": ["qzone", "tsina", "weixin", "tqq", "tieba", "sqq", "isohu", "fbook", "twi", "copy"], "bdPic": "", "bdStyle": "0", "bdSize": "16" }, "slide": { "type": "slide", "bdImg": "2", "bdPos": "left", "bdTop": "110.39999389648438" } }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script>
<script>
  !function (e, t, a) { function n() { c(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"), o(), r() } function r() { for (var e = 0; e < d.length; e++)d[e].alpha <= 0 ? (t.body.removeChild(d[e].el), d.splice(e, 1)) : (d[e].y--, d[e].scale += .004, d[e].alpha -= .013, d[e].el.style.cssText = "left:" + d[e].x + "px;top:" + d[e].y + "px;opacity:" + d[e].alpha + ";transform:scale(" + d[e].scale + "," + d[e].scale + ") rotate(45deg);background:" + d[e].color + ";z-index:99999"); requestAnimationFrame(r) } function o() { var t = "function" == typeof e.onclick && e.onclick; e.onclick = function (e) { t && t(), i(e) } } function i(e) { var a = t.createElement("div"); a.className = "heart", d.push({ el: a, x: e.clientX - 5, y: e.clientY - 5, scale: 1, alpha: 1, color: s() }), t.body.appendChild(a) } function c(e) { var a = t.createElement("style"); a.type = "text/css"; try { a.appendChild(t.createTextNode(e)) } catch (t) { a.styleSheet.cssText = e } t.getElementsByTagName("head")[0].appendChild(a) } function s() { return "rgb(" + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + ")" } var d = []; e.requestAnimationFrame = function () { return e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame || function (e) { setTimeout(e, 1e3 / 60) } }(), n() }(window, document);
</script>
<script src="./APlayer.min.js"></script>
<script>
  // 	const options = {
  // 		container: document.getElementById('aplayer'),
  // 			audio: [{
  // 				name: 'name',
  // 				artist: 'artist',
  // 				url: '../assets/musics/123.mp3',
  // 				cover: 'logo.png'
  // 			},
  // 			]
  // }
  const ap1 = new APlayer({
    element: document.getElementById('aplayer'),
    fixed: true,
    // autoplay: false,
    lrcType: 1,
    // theme: '#b7daff',
    // mutex: true,
    // preload: 'metadata',
    audio: [{
      name: '光るなら',
      artist: 'Goose house',
      url: 'https://xiaoma-shop.oss-cn-beijing.aliyuncs.com/Goose%20house%20-%20%E5%85%89%E3%82%8B%E3%81%AA%E3%82%89.mp3',
      cover: 'https://xiaoma-shop.oss-cn-beijing.aliyuncs.com/%E5%85%89%E3%82%8B%E3%81%AA%E3%82%89%20-%20Goose%20house.jpg',
      lrc: '[00:00.000]作词 : Goosehouse  [00:01.000]作曲 : Goosehouse  [00:15.44]雨上がりの虹も  [00:20.71]凛と咲いた花も  [00:23.81]色づき溢れ出す  [00:29.22]茜色の空 仰ぐ君に  [00:35.26]あの日 恋に落ちた  [00:40.80]瞬間のドラマチック  [00:44.36]フィルムの中の1コマも  [00:47.10]消えないよ 心に刻むから  [00:56.21]君だよ 君なんだよ 教えてくれた  [01:02.07]暗闇も光るなら  [01:05.02]星空になる  [01:08.12]悲しみを笑顔に  [01:10.92]もう隠さないで  [01:14.07]煌めくどんな星も  [01:17.03]君を照らすから  [01:20.93]眠りも忘れて 迎えた朝日が  [01:28.34]やたらと突き刺さる  [01:34.34]低気圧運ぶ 頭痛だって  [01:39.50]忘れる 君に会えば  [01:45.61]静寂はロマンティック  [01:48.35]紅茶に溶けたシュガーのように  [01:51.62]全身に巡るよ 君の声  [02:00.64]君だよ 君なんだよ  [02:03.49]笑顔をくれた  [02:06.59]涙も光るなら  [02:09.55]流星になる  [02:12.50]傷付いたその手を  [02:15.40]もう離さないで  [02:18.55]願いを込めた空に  [02:21.40]明日が来るから  [02:25.82]導いてくれた 光は 君だよ  [02:32.12]つられて僕も 走り出した  [02:36.64]知らぬ間に クロスし始めた  [02:43.25]ほら 今だ ここで 光るなら  [02:50.05]君だよ 君なんだよ 教えてくれた  [02:56.01]暗闇は終わるから  [03:01.24]君だよ 君なんだよ 教えてくれた  [03:08.15]暗闇も光るなら  [03:11.05]星空になる  [03:14.12]悲しみを笑顔に  [03:16.92]もう隠さないで  [03:20.13]煌めくどんな星も  [03:22.99]君を照らすから  [03:26.81]答えはいつでも偶然？必然？  [03:32.96]いつか選んだ道こそ  [03:36.53]運命になる  [03:39.34]握りしめた その希望も不安も  [03:44.94]きっと2人を動かす 光になるから"',
    },
    {
      name: 'トリカゴ',
      artist: 'XX:me',
      url: 'https://xiaoma-shop.oss-cn-beijing.aliyuncs.com/XX%EF%BC%9Ame%20-%20%E3%83%88%E3%83%AA%E3%82%AB%E3%82%B4.mp3',
      cover: 'https://xiaoma-shop.oss-cn-beijing.aliyuncs.com/%E3%83%88%E3%83%AA%E3%82%AB%E3%82%B4%20-%20XX-me.jpg',
      lrc: '[00:00.000] 作词 : 杉山勝彦 [00:00.015] 作曲 : 杉山勝彦 [00:00.30] [00:00.32]编曲 : 杉山勝彦 [00:00.50] [00:12.28]教室の窓越しに ぼんやりと空に問う [00:18.08]何のため ボクは生きているの？ 分かんないよ [00:23.99] [00:24.55]教科書の余白に描いた理想のボクは [00:30.59]オトナ達の言いなりじゃない [00:33.90]飛ぶ鳥のような 自由があって [00:39.85] [00:40.01]夢を魅せたくせに 叶えれる才能(チカラ)を [00:46.04]与えてくれないなんて 辛くなるだけだよ [00:52.15]スカートの丈さえ 決められた長さで [00:58.28]やりたいこともできずに ボクはどこにいるの？ [01:04.94] [01:06.27]知りたいと思わないことばかり学ばされ [01:12.05]気づいたら自分の言葉さえ 失くしていた [01:18.14] [01:18.54]はじまりのチャイムに 背筋伸ばすけれど [01:24.56]気持ちはもう 折れかけてる [01:27.72]"ふつう"と云う トリカゴから逃げたい [01:33.74] [01:33.94]死んだような目をして 生きて行くのは嫌だ [01:39.93]だけどひとり飛び立てる 勇気なんてなくて [01:46.06] [01:46.28]髪の毛の色さえ 自分で選べないで [01:52.23]やりたいこともできずに ボクはどこにいるの？ [01:58.56] [01:58.72]心の中 声がする "ここにいる"と [02:07.24] [02:18.52]ブラウスの１番上まで留めたボタン [02:24.55]息苦しくなって ため息が出てしまう [02:30.68]空は綺麗なのに ボクには届かない [02:36.37]脱ぎ捨てて 羽ばたきたい 誰か聴いて [02:46.28] [02:47.19]夢を魅せたくせに 叶えれる才能(チカラ)を [02:53.07]与えてくれないなんて 辛くなるだけだよ [02:59.24]スカートの丈さえ 決められた長さで [03:05.38]やりたいこともできずに ボクはどこにいるの？ [03:11.56] [03:11.77]心の中 声がする "ここにいる"と [03:20.27] [03:21.09]空は綺麗なのに… [03:27.48] ',
    },
    {
      name: '前前前世',
      artist: 'RADWIMPS',
      url: 'https://xiaoma-shop.oss-cn-beijing.aliyuncs.com/RADWIMPS%20-%20%E5%89%8D%E5%89%8D%E5%89%8D%E4%B8%96%20%28movie%20ver.%29.mp3',
      cover: 'https://xiaoma-shop.oss-cn-beijing.aliyuncs.com/%E5%89%8D%E5%89%8D%E5%89%8D%E4%B8%96%20%28movie%20ver.%29%20-%20RADWIMPS.jpg',
      lrc: '[00:00.000] 作词 : 野田洋次郎 [00:01.000] 作曲 : 野田洋次郎 [00:19.600] [00:20.000]やっと眼を覚ましたかい それなのになぜ眼も合わせやしないんだい？ [00:30.090]「遅いよ」と怒る君 これでもやれるだけ飛ばしてきたんだよ [00:38.720] [00:39.670]心が身体を追い越してきたんだよ [00:44.340] [00:45.340]君の髪や瞳だけで胸が痛いよ [00:50.560]同じ時を吸いこんで離したくないよ [00:55.200]遥か昔から知る その声に [01:00.260]生まれてはじめて 何を言えばいい？ [01:07.240] [01:07.640]君の前前前世から僕は 君を探しはじめたよ [01:12.280]そのぶきっちょな笑い方をめがけて やってきたんだよ [01:17.260] [01:17.630]君が全然全部なくなって チリヂリになったって [01:22.430]もう迷わない また１から探しはじめるさ [01:27.240]むしろ０から また宇宙をはじめてみようか [01:32.670] [01:43.440]どっから話すかな 君が眠っていた間のストーリー [01:53.480]何億 何光年分の物語を語りにきたんだよ けどいざその姿この眼に映すと [02:07.720] [02:08.720]君も知らぬ君とジャレて 戯れたいよ [02:13.530]君の消えぬ痛みまで愛してみたいよ [02:18.480]銀河何個分かの 果てに出逢えた [02:23.530]その手を壊さずに どう握ったならいい？ [02:30.500] [02:31.000]君の前前前世から僕は 君を探しはじめたよ [02:35.680]その騒がしい声と涙をめがけ やってきたんだよ [02:40.550] [02:40.990]そんな革命前夜の僕らを誰が止めるというんだろう [02:45.720]もう迷わない 君のハートに旗を立てるよ [02:50.740]君は僕から諦め方を 奪い取ったの [02:55.880] [03:53.030]前前前世から僕は 君を探しはじめたよ [03:57.290]そのぶきっちょな笑い方をめがけて やってきたんだよ [04:01.990] [04:02.620]君が全然全部なくなって チリヂリになったって [04:07.240]もう迷わない また１から探しはじめるさ [04:12.370]何光年でも この歌を口ずさみながら [04:18.090] ',
    }
    ]
  });
  /**/
  function setClipboardText(event) {
    event.preventDefault();
    var node = document.createElement('div');
    node.appendChild(window.getSelection().getRangeAt(0).cloneContents());
    var htmlData = '<div>'
      + node.innerHTML
      + '<br/><br/>著作权归作者所有。<br/>'
      + '商业转载请联系作者获得授权，非商业转载请注明出处。<br/>'
      + '作者：xiaoma<br/>'
      + '来源：http://x1aoma.top<br/><br/>'
      + '</div>';
    var textData = window.getSelection().getRangeAt(0)
      + '\n\n著作权归作者所有。\n'
      + '商业转载请联系作者获得授权，非商业转载请注明出处。\n'
      + '作者：xiaoma\n'
      + '来源：http://x1aoma.top\n\n';
    if (event.clipboardData) {
      event.clipboardData.setData("text/html", htmlData);
      event.clipboardData.setData("text/plain", textData);
    }
    else if (window.clipboardData) {
      return window.clipboardData.setData("text", textData);
    }
  };

  document.addEventListener('copy', function (e) {
    setClipboardText(e);
  })
</script>

</html>